﻿<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
    <h1 class="h3">连接</h1>
    <div class="btn-toolbar mb-2 mb-md-0">
        <div class="btn-group mr-2">
            <button type="button" id="btnExpandAll" class="btn btn-sm btn-outline-secondary">
                <span data-feather="activity"></span>
                展开所有
            </button>
        </div>
    </div>
</div>

<div class="table-responsive-md">

    <table class="table table-striped table-expandable">
        <thead>
            <tr>

                <th>Port(Protocol,Host)</th>
                <th>User ID</th>
                <th>AppId</th>
                <th>Description</th>
                <th>Status</th>
                <th>Connections</th>

            </tr>
        </thead>
        <tbody id="connections_tb_body">
            <tr>
               
                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
            </tr>
            <tr>
                <td colspan="6">
                    <div>连接</div>
                    <div>连接</div>
                    <div>连接</div>
                </td>
            </tr>
            <tr>

                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
                <td>无效内容</td>
            </tr>
            <tr>
                <td colspan="6">
                    <div>连接</div>
                    <div>连接</div>
                    <div>连接</div>
                </td>
            </tr>
        </tbody>
    </table>
</div>